@charset "utf-8";
@import "common/reset";
.web{
    width: 100%;
    section{
        .LayaFlash{
            background: #8bc01f;
            margin-top: 56px;
            .container{
                .row{
                    padding-top: 60px;
                    .layaplayer-title{
                        color: #fff;
                        .biaoti{
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                            h1{
                                font-size: 45px;
                                margin-left: 3px;
                            }
                        }
                       h2{
                        font-size: 24px;
                        margin-top: 22px;
                        margin-bottom: 62px;
                        }
                        p{
                            font-size: 16px;
                            line-height: 30px;
                            margin-bottom: 33px;
                        }
                        a{
                            margin-bottom:94px ;
                            background: #fff;
                            border:none;
                            width: 100px;
                            height: 34px;
                            text-decoration: none;
                            font-size: 12px;
                            color: #8bc01f;
                        }
                        
                    }
                    .layaplayer-img{
                        div{
                            width: 449px;
                            height: 445px;
                            img{
                                height: 100%;
                               
                            }
                        }
                    }
                }
            }
        }
        .LayaPlayer{
            background: #3393df;
            padding-top: 74px;
                .container{
                    .row{
                        align-items: flex-start;
                        .col-12{
                            .biaoti2{
                                display: flex;
                                justify-content: flex-start;
                                align-items: center;
                                h1{
                                   font-size: 45px; 
                                   color: #fff;
                                   margin-bottom: 18px;
                                }
                            }
                        }
                        .img-roc{
                            align-self: flex-start;
                            .img{
                                width: 303px;
                                height: 289px;
                                img{
                                    height: 100%;
                                }
                            }
                        }
                        .content{
                            align-self: center;
                            h2{
                                font-size: 24px;
                                color: #fff;
                            }
                            p{
                                font-size:14px;
                                margin-top: 18px;
                                margin-bottom: 35px;
                                color: #fff;
                            }
                        }
                         .img-20k{
                            align-self: flex-end;
                            .img{
                                margin-top: 149px;
                                margin-bottom: 60px;
                                width: 264px;
                                height: 273px;
                                img{
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }
        .LayaAir,.LayaStore_LayaPublish{
            .container{
                .row{
                    .col-md-6{
                        margin-top: 93px;
                        margin-bottom:80px ;
                        .biaoti3{
                            display: flex;
                            justify-content: flex-start;
                            align-items: center;
                             margin-bottom: 25px;
                            h1{
                                font-size: 40px;
                            }
                        }
                        h3{
                            font-size: 19px;
                            
                            
                        }
                        h4{
                            font-size:18px;
                            margin-top: 37px;
                            margin-bottom: 20px;
                            color: #3393df;
                        }
                        p{
                            font-size:14px;
                        }
                        .img{
                            width: 145px;
                            height: 140px;
                            overflow: hidden;
                            margin: 0 auto;
                            margin-top: 40px;
                            img{
                                height: 100%;
                            }
                        }
                    }
                }
            }
        }
    }
    
}
@media only screen and(max-width:414px){
    .web{
        section{
            .LayaFlash{
                .container{
                    .row{
                        .layaplayer-title{
                            
                        }
                        .layaplayer-img{
                            div{
                                width: 350px;
                                height: 340px;
                                margin-top: -55px;
                                margin-bottom: 80px;
                                img{
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }
            .LayaPlayer{
                background: #3393df;
                padding-top: 74px;
                    .container{
                        .row{
                            align-items: flex-start;
                            .col-12{
                                .biaoti2{
                                    display: flex;
                                    justify-content: flex-start;
                                    align-items: center;
                                    h1{
                                       font-size: 45px; 
                                       color: #fff;
                                       margin-bottom: 18px;
                                    }
                                }
                            }
                            .img-roc{
                                align-self: flex-start;
                                .img{
                                    width: 311px;
                                    height: 296px;
                                    img{
                                        height: 100%;
                                    }
                                }
                            }
                            .content{
                                align-self: center;
                                h2{
                                    font-size: 24px;
                                    color: #fff;
                                }
                                p{
                                    font-size:14px;
                                    margin-top: 18px;
                                    margin-bottom: 35px;
                                    color: #fff;
                                }
                            }
                             .img-20k{
                                .img{
                                    margin-top: 150px;
                                    margin-bottom: 60px;
                                    width: 264px;
                                    height: 273px;
                                    img{
                                        width: 100%;
                                    }
                                }
                            }
                        }
                    }
                }
            }
    }
}
@media only screen and(max-width:320px){
    .web{
        section{
            .LayaFlash{
                .container{
                    .row{
                        .layaplayer-title{
                            
                        }
                        .layaplayer-img{
                            div{
                                width: 300px;
                                height: 292px;
                                margin-top: -80px;
                                margin-bottom: 40px;
                                img{
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
            .LayaPlayer{
                .container{
                    .row{
                        .col-12{
                            .bianti2{
                            }
                        }
                        .img-20k{
                                .img{
                                    width: 240pxt;
                                    height: 235px ;
                                    overflow: hidden;
                                    margin-top: 110px;
                                    img{
                                        height: 100%;
                                    }
                                }
                        }
                        .img-roc{
                                .img{
                                    width: 240px;
                                    height: 235px ;
                                    overflow: hidden;
                                    img{
                                        height: 100%;
                                    }
                                }
                        }
                    }
                }
            }
    }
}
@media only screen and (max-width:780px){
    .web{
        footer{
            .footer{
                .contant{
                    display: none;
                }
            }
        }
    }
}